import axios from 'axios'
import { ElMessage } from 'element-plus'
import { useUserStore } from '@/store/modules/userStore'

// 导入进度条及其样式
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'
nprogress.configure({ showSpinner: false })

// axios 的二次封装
const instance = axios.create({
  baseURL: import.meta.env.VITE_APP_BASE_API, // 请求的基础路径
  timeout: 5000,
})

// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    const userStore = useUserStore()
    const { token } = userStore.userInfo
    if (token) {
      config.headers.token = token
    }
    // 开始加载进度条
    nprogress.start()
    return config
  },
  function (error) {
    // 对请求错误做些什么

    return Promise.reject(error)
  },
)

// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么

    // 结束进度条
    nprogress.done()

    return response
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么

    // 处理 http 网路错误
    const status = error.status
    switch (status) {
      case 404:
        // 错误提示信息
        ElMessage.error('请求网络路径出现问题')
        break
      case 401:
        // 错误提示信息
        ElMessage.error('登录状态已过期，请重新登录')
        break
      case 403:
        // 错误提示信息
        ElMessage.error('请求页面的访问被禁止')
        break
      case 500 | 501 | 502 | 503 | 504 | 505:
        // 错误提示信息
        ElMessage.error('请求服务器出现问题')
        break
      default:
        ElMessage.error('未知错误')
    }
    return Promise.reject(error)
  },
)

export default instance
